﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>felix</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <link rel="stylesheet" type="text/css" href="css/reset.min.css">
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<div class="layout"  id="main">
    <div class="music" id="bgMusic">
        <audio src="audio/beyond.mp3" preload="none" loop></audio>
    </div>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide slider1">
                <div class="tit">
                    <h2>个人简历</h2>
                    <ul>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li></li>
                        <li></li>
                    </ul>
                </div>

                <div class="photo">
                    <img src="images/page1/head.gif" alt="" />
                </div>
                <p>爱生活，爱前端</p>
                <section class="pare">
                    <div class="pare_l"></div>
                    <div class="pare_r"></div>
                </section>
            </div>
            <div class="swiper-slide slider2">
                <ul>
                    <li><img src="images/page2/me.jpg" alt=""></li>
                    <li>冯占洋</li>
                    <li>年龄：25</li>
                    <li>特点：帅</li>
                </ul>
                <section class="pare">
                    <div class="pare_l"></div>
                    <div class="pare_r"></div>
                </section>
            </div>
            <div class="swiper-slide slider3">
                <h2>我的技能</h2>
                <div class="line"><img src="images/page3/bg.png" alt=""/></div>
                <ul>
                    <li>Skill One</li>
                    <li>熟练运用CSS、JS构建动态网页，实际动手做过网站</li>
                    <li>Skill Two</li>
                    <li>能够熟练使用jQuery,Bootstrap,Angular等类库</li>
                    <li>Skill Three</li>
                    <li>熟悉响应式布局，rem布局，实际开发过移动站点</li>
                </ul>
                <section class="pare">
                    <div class="pare_l"></div>
                    <div class="pare_r"></div>
                </section>
            </div>
            <div class="swiper-slide slider4">
                <div class="ewm">
                    <img src="images/myewm.jpg" alt=""/>
                </div>
                <ul>
                    <li>地址</li>
                    <li>陕西省 西安市</li>
                    <li>QQ</li>
                    <li>626766005</li>
                    <li>电话</li>
                    <li>177-8250-3516</li>
                    <li>Email</li>
                    <li>fungzhanyang@163.com</li>

                </ul>
                <section class="pare">
                    <div class="pare_l"></div>
                    <div class="pare_r"></div>
                </section>
            </div>
        </div>
    </div>
</div>




<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>